// 设置菜单样式
.ant-menu-item {
  margin-top: 0 !important;
}
.ant-menu-inline,
.ant-menu-inline-collapsed {
  background: var(--squidwest-color-menuBar) !important;
  .ant-menu-item {
    color: var(--squidwest-color-menuBarColor) !important;
    &:hover {
      color: var(--squidwest-color-primary) !important;
    }
  }
  .ant-menu-submenu {
    .ant-menu-submenu-title {
      color: var(--squidwest-color-menuBarColor);
      .ant-menu-submenu-arrow {
        &::after {
          background-color: var(--squidwest-color-menuBarColor) !important;
        }
        &::before {
          background-color: var(--squidwest-color-menuBarColor) !important;
        }
      }
      &:hover {
        color: var(--squidwest-color-primary) !important;
        .ant-menu-submenu-arrow {
          &::after {
            background-color: var(--squidwest-color-primary) !important;
          }
          &::before {
            background-color: var(--squidwest-color-primary) !important;
          }
        }
      }
    }
    .ant-menu-sub {
      background-color: var(--squidwest-color-menuBar-DarkColor) !important;
    }
  }
}
.ant-menu-dark.ant-menu-submenu-popup > .ant-menu-sub {
  background-color: var(--squidwest-color-menuBar-DarkColor) !important;
  @extend .ant-menu-inline;
}

//横向菜单样式
.ant-menu-horizontal {
  background-color: var(--squidwest-color-topbarcolor);
  .ant-menu-item,
  .ant-menu-submenu-horizontal {
    color: var(--squidwest-color-fontsizecolor) !important;
    &:hover {
      color: var(--squidwest-color-primary) !important;
    }
  }
  .ant-menu-submenu-arrow {
    &::after {
      background-color: var(--squidwest-color-fontsizecolor) !important;
    }
    &::before {
      background-color: var(--squidwest-color-fontsizecolor) !important;
    }
  }
  &:hover {
    .ant-menu-submenu-arrow {
      &::after {
        background-color: var(--squidwest-color-primary) !important;
      }
      &::before {
        background-color: var(--squidwest-color-primary) !important;
      }
    }
  }
}
.ant-menu-submenu-popup > .ant-menu {
  .ant-menu-submenu {
    color: var(--squidwest-color-fontsizecolor) !important;
  }
  @extend .ant-menu-horizontal;
}

//面包屑
.ant-breadcrumb-separator {
  color: var(--squidwest-color-fontsizecolor);
}

.ant-drawer-body {
  padding: 0 15px !important;
}
//开关
.ant-switch-small.ant-switch-checked .ant-switch-handle {
  left: calc(56%) !important;
}
.ant-switch-checked .ant-switch-handle {
  left: calc(60%) !important;
}

//按钮
.ant-btn {
  border-radius: 8px;
}
//input
.ant-input {
  border-radius: 8px;
}
